@font-face {
	font-family: FontAwesome;
	src: url(/css/font/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(/css/font/fontawesome-webfont.woff) format("woff"), url(/css/font/fontawesome-webfont.ttf) format("truetype"), url(/css/font/fontawesome-webfont.svgz#FontAwesomeRegular) format("svg"), url(/css/font/fontawesome-webfont.svg#FontAwesomeRegular) format("svg");
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: "Play", Arial, serif; opacity: 0;
}
.page-adjust {
	width: 1060px;
}
.awesome {
	overflow: hidden; box-shadow: inset 0px 0px 4px rgba(0,0,0,0.75); -moz-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.75); -ms-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.75);
}
.middle.awesome-grey.awesome {
	border: 1px solid rgba(20, 20, 20, 0.1); left: 0px; width: 670px; margin-left: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: inset 0 0px 3px #234; -webkit-transition-duration: .25s, .25s; -webkit-transition-timing-function: linear, linear;
}
.open.middle.awesome-grey.awesome {
	width: 1020px; border-top-right-radius: 800px; border-bottom-right-radius: 800px; -moz-border-radius-topright: 800px 800px; -moz-border-radius-bottomright: 800px 800px;
}
.middle.awesome .radial_background {
	margin: 0px auto; border-radius: 1300px; left: 0px; width: 650px; right: 0px; position: relative; -moz-border-radius: 1300px; -webkit-border-radius: 1300px; -ms-border-radius: 1300px; -o-border-radius: 1300px;
}
.middle.awesome {
	margin: 0px auto; border-radius: 1300px; left: 0px; width: 650px; right: 0px; position: relative; -moz-border-radius: 1300px; -webkit-border-radius: 1300px; -ms-border-radius: 1300px; -o-border-radius: 1300px;
}
.middle.awesome .slide {
	z-index: 100;
}
.my_class {
	border-radius: 200px; width: 100px; height: 100px; text-align: center; color: rgb(68, 68, 68); font-family: "Play", Arial, serif; font-size: 1.2em; cursor: pointer; -moz-border-radius: 200px; -webkit-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px;
}
.radial_div_item {
	
}
.radial_div_item .my_class {
	opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.4s ease-in-out;
}
:first-child.radial_div_item .my_class {
	opacity: 1;
}
:first-child.radial_div_item {
	border-radius: 200px; color: rgb(221, 238, 255); cursor: pointer; opacity: 1; background-color: rgb(51, 51, 51); -moz-border-radius: 200px; -webkit-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px;
}
:first-child.active.radial_div_item:hover {
	background-color: transparent;
}
:first-child.active.radial_div_item {
	background-color: transparent;
}
.radial_div_item:hover .my_class {
	color: rgb(51, 102, 153); text-shadow: 0 0 1px #39c;
}
.active.radial_div_item .my_class {
	color: rgb(239, 239, 239); z-index: 99999; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-transition: -webkit-transform 0.6s ease-in; -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);
}
.active.radial_div_item .my_class {
	
}
.active.radial_div_item {
	
}
:first-child.radial_div_item:hover {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
.radial_div_item:hover .my_class {
	opacity: 1;
}
.centered {
	padding: 35px 0px;
}
.center {
	left: 140px; top: 320px; position: absolute;
}
.icon-twitter-sign {
	font-size: 3em;
}
.icon-external-link {
	font-size: 3em;
}
.icon-pencil {
	font-size: 3em;
}
.icon-folder-open {
	font-size: 3em;
}
.icon-cogs {
	font-size: 3em;
}
.icon-th-large {
	font-size: 3em;
}
.content-area {
	background: rgba(250, 250, 250, 0.1); margin: 0px auto; border-radius: 250px; left: 85px; top: 85px; width: 500px; height: 420px; text-align: center; padding-top: 80px; position: absolute; -moz-border-radius: 250px; -webkit-border-radius: 250px;
}
.content {
	background: rgba(250, 250, 250, 0.8); margin: 120px auto 0px; padding: 15px; width: 285px; text-align: justify; color: rgb(51, 51, 51); font-family: "Play", Arial; float: right; display: none; position: relative; box-shadow: 0px 0px 2px rgba(50,50,50,0.3); -moz-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.3); -webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.3); -ms-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.3); -webkit-transition: all 0.4s ease-in; -o-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.3); -moz-transition: all 0.4s ease-in;
}
.content p {
	text-align: center; font-size: 1.4em;
}
.content strong {
	font-size: 1.2em;
}
.content .container {
	width: 280px;
}
.content li {
	margin-bottom: 10px; list-style-type: none;
}
.content .date {
	float: none;
}
.squish.content li {
	line-height: 0.5em; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;
}
.squish-thin.content .squish-thinner li {
	line-height: 0.65em;
}
.squish-thin.content li {
	line-height: 1.15em; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;
}
.awesome .content a {
	color: rgb(51, 153, 204); text-decoration: underline; text-shadow: none;
}
.recommendations {
	margin: 0px auto; top: 100px; float: right; position: relative; box-shadow: 0px 0px 20px #222;
}
.open-wheel .recommendations {
	display: none;
}
.my_class .name {
	padding: 30px 0px; color: rgb(238, 238, 238); font-size: 1.4em; text-shadow: 0 0 1px #222;
}
.open .my_class .name {
	color: inherit;
}
.name:hover {
	color: white;
}
.date {
	margin-right: 10px; float: right;
}
.start-intro {
	left: 290px; top: 390px; text-align: center; color: rgb(34, 34, 34); font-size: 1.4em; position: absolute; text-shadow: 0 0 1px #eee;
}
.tikku-com {
	left: 290px; top: 390px; text-align: center; color: rgb(34, 34, 34); font-size: 1.4em; position: absolute; text-shadow: 0 0 1px #eee;
}
.tikku-com {
	text-align: center; line-height: 1em; font-size: 1.1em; margin-top: -50px; text-shadow: 0px 1px 2px #fff;
}
.arrow {
	font-size: 2em; font-weight: bold; -webkit-animation: pointer 0.8s infinite;
}
.tabs {
	text-align: center; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.tabs li {
	background: rgba(30, 50, 70, 0.1); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238) rgb(238, 238, 238) transparent; margin: 0px; padding: 8px 8px 0px; height: 18px; display: inline-block; cursor: pointer; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px;
}
.tabs li.active {
	color: rgb(34, 51, 68); text-shadow: 0 0 1px #fff;
}
.tabs li.active {
	background: rgba(80, 130, 170, 0.5); color: rgb(17, 34, 51); text-shadow: 0 0 1px #aaa;
}
.tabs li:hover {
	background: rgba(80, 130, 170, 0.5); color: rgb(17, 34, 51); text-shadow: 0 0 1px #aaa;
}
.squish.content .tabs li {
	line-height: 1.2em;
}
[class^='icon-'] {
	width: auto; height: auto; line-height: inherit; vertical-align: baseline; display: block; background-image: none; background-repeat: repeat;
}
[class*=' icon-'] {
	width: auto; height: auto; line-height: inherit; vertical-align: baseline; display: block; background-image: none; background-repeat: repeat;
}
li[class^='icon-'] {
	display: block;
}
li[class*=' icon-'] {
	display: block;
}
[class^='icon-']::before {
	font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; display: inline-block;
}
[class*=' icon-']::before {
	font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; display: inline-block;
}
a [class^='icon-'] {
	text-decoration: inherit; display: inline-block;
}
a [class*=' icon-'] {
	text-decoration: inherit; display: inline-block;
}
.icon-large::before {
	font-size: 1.33em; vertical-align: top;
}
.btn [class^='icon-'] {
	line-height: 0.9em;
}
.btn [class*=' icon-'] {
	line-height: 0.9em;
}
li [class^='icon-'] {
	width: 1.25em; text-align: center; display: inline-block;
}
li [class*=' icon-'] {
	width: 1.25em; text-align: center; display: inline-block;
}
li [class^='icon-'].icon-large {
	width: 1.87em;
}
li [class*=' icon-'].icon-large {
	width: 1.87em;
}
li[class^='icon-'] {
	margin-left: 0px; list-style-type: none;
}
li[class*=' icon-'] {
	margin-left: 0px; list-style-type: none;
}
li[class^='icon-']::before {
	text-align: center; text-indent: -2em;
}
li[class*=' icon-']::before {
	text-align: center; text-indent: -2em;
}
li[class^='icon-'].icon-large::before {
	text-indent: -1.33em;
}
li[class*=' icon-'].icon-large::before {
	text-indent: -1.33em;
}
.icon-twitter-sign::before {
	content: "\f081";
}
.icon-pencil::before {
	content: "\f040";
}
.icon-external-link::before {
	content: "\f08e";
}
.icon-folder-open::before {
	content: "\f07c";
}
.icon-cogs::before {
	content: "\f085";
}
.icon-th-large::before {
	content: "\f009";
}
